<template>
	<view>


		<view class="middle">
			<!-- <view class="date">
				<view @click="showDate">
					{{date}}
					<u-icon style="margin-left: 10rpx;" :size="25" name="arrow-down-fill" color="#20cbd4"></u-icon>
				</view>
				<u-calendar v-model="dateShow" mode="date" @change="changeDate"></u-calendar>
			</view> -->
			<u-tabs :list="tabsList" :is-scroll="false" :current="tabsCurrent"
				active-color="#000000" bg-color="ragb(0,0,0,0)" @change="tabsChange"
				:bar-width="100" :bold="false" inactive-color="#13797f"></u-tabs>
		</view>
    <view class="total_account">

      <text>{{accountList[tabsCurrent]}}</text>
      <!-- <text v-if="tabsCurrent==5">；转出：{{accountList[tabsCurrent].price1}}</text> -->
    </view>

<!--		<u-loadmore :status="status" color="#909399" :margin-top="20"/>-->


		<hoverMenu></hoverMenu>
	</view>
</template>

<script>
	import hoverMenu from "@/components/public/sa-hover-menu.vue";
	import {userInfo,notice,ywfx} from "@/common/api.js";
	export default {
		components: {
			hoverMenu
		},
		data() {
			return {

				logList:[],
				modelShow:false,
				dateShow:false,
				tabsList: [{
					name: '社群'
				},{
					name: '效益'
				}, {
					name: '营业部'
				}, {
					name: '主推'
				},
				{
					name: '优选'
				},

				],
				tabsCurrent: 0,
				accountList:[

				],
				page:1,
				status: 'loadmore',
				noticeList: [],

			}
		},
		onReachBottom() {


		},
		onLoad() {
				// userInfo(this,{type:1});
				// notice(this,{})
        // ywfx(this,{})
		},
    onShow() {
      ywfx(this,{})
    },
		methods: {

			floatTouchClick(index){
				this.$uniApi.floatTouch(index);
			},


			tabsChange(index) {
				this.tabsCurrent = index;

			},
			myTeamClick(){
				uni.navigateTo({
					url:"/user/my_team"
				})
			}
		}
	}
</script>

<style>
	page{
		font-family: PingFang SC;
		background: #20cbd4;
	}
	.header{
		margin: 20rpx 50rpx;
		height: 320rpx;
		border-radius: 20rpx;
		background-size:cover;
		background-image: url(https://yunxingzhan.oss-cn-hangzhou.aliyuncs.com/miniprogram/images/images/card.png);
		background-position:center center;
		background-repeat:no-repeat no-repeat;
		/* #ifdef H5 */
		box-shadow: 0 0 20upx rgba(0, 0, 0, 0.15);
		/* #endif */

	}
	.header_top{
		height: 40%;
		padding: 16rpx 20rpx 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.top_user_info{
		display: flex;
		align-items: center;
	}
	.user_info_box{
		margin-left: 15rpx;
		height: 100%;
	}
	.nick_name{
		color: #000000;
		font-size: 32rpx;
		margin-bottom: 10rpx;
	}
	.user_level{
		width: 75%;
		height: 40rpx;
		background: linear-gradient(90deg, #fbbf48,#fff) no-repeat;;
		border-radius: 20px;
		display: flex;
		align-items: center;
		padding-right: 20rpx;
	}
	.levelIcon{
		width: 40rpx;
		height: 40rpx;
		margin-right: 10rpx;
		position: relative;
		left: -5rpx;
	}
	.level_txt{
		text-align: center;
		font-size: 20rpx;
		color: #20CBD4;
	}
	.total_account{
		background: linear-gradient(90deg, #a0edf1, #20cbd4) no-repeat;
		margin: 10rpx 50rpx 20rpx;
		padding: 20rpx;
		border-radius: 15rpx;
		color: #000000;
		font-size: 30rpx;
		font-weight: 650;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top_qr_img{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.header_bottom{
		height: 60%;
		padding: 20rpx;
	}
	.bottom_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10rpx;
	}
	.total_revenue{
		color: #000000;
		font-size: 30rpx;
	}
	.account{
		margin-top: 40rpx;
	}
	.account_item{
		color: #000000;
	}
	.middle{
		margin: 0 50rpx 20rpx;
	}
	.date{
		background-color: #000000;
		padding: 10rpx 20rpx;
		border-radius: 30rpx;
		color: #20CBD4;
		text-align: center;
		width: 250rpx;
	}
	.bottom{
		padding: 20rpx;
		margin: 0 50rpx 20rpx;
	}
	.bottom_item{
		margin-bottom: 20rpx;
		background-color: rgba(0,0,0,.04);
		padding: 20rpx;
		color: #13797f;
		border-radius: 20rpx;
	}
	.modelContent{
		padding: 40rpx;
	}
	.withdrawType{
		display: flex;
		margin-bottom: 15rpx;
	}
	.accountData{
		display: flex;
		align-items: center;
		margin-bottom: 15rpx;
		border-bottom: 0.5rpx solid #E4E7ED;
	}
	/* 提现说明 */
	.withdraw-label {
		color: rgb(51, 51, 51);
		font-size: 28rpx;
		margin-bottom: 25rpx;
	}
	.withdraw-describe {
		margin-top: 50rpx;
		/* padding: 0 60rpx; */
	}
    .content {
        font-size: 26rpx;
        line-height: 1.6;
        color: #888;
    }

</style>
